<!--
     样式： 长、宽、左位置、顶位置、 旋转、
-->

<template>
  <div class="colCenter">
    <div class="rowAround">
      <el-input class="cInput" v-model.number="_widget.style.left!" type="number">
        <template #prepend>x</template>
      </el-input>
      <el-input class="cInput" v-model.number="_widget.style.top!" type="number">
        <template #prepend>y</template>
      </el-input>
    </div>
    <div class="rowAround mt-2">
      <el-input class="cInput" v-model.number="_widget.style.width!" type="number">
        <template #prepend>w</template>
      </el-input>
      <el-input class="cInput" v-model.number="_widget.style.height!" type="number">
        <template #prepend>h</template>
      </el-input>
    </div>
  </div>
</template>

<script lang="ts" setup>
import type { TypeWidget } from "@/types/TypeDesign";
import type { PropType } from "vue";

const props = defineProps({
  _widget: {
    type: Object as PropType<TypeWidget>,
    default: () => ({}),
  },
});
</script>

<style lang="scss" scoped>
.cInput {
  width: 160px;
}
</style>
